<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./Technology.css" />
  </head>
  <body>
    <!-- 导航条 -->
    <nav class="nav">
      <a href="/" class="nav-link">首页</a>
      <a href="/t" class="nav-link">IT技术</a>
      <a href="/p" class="nav-link">添加文章</a>
     <input type="text" class="nav-search" placeholder="搜索文章、标签或作者...">
       <div class="search-content"></div>
    </nav>
    <!-- 中间 -->
    <main class="main">
      <!-- 内容区 -->
      <content class="content"> </content>
      <sider class="sider">
        <!-- Home 页面中嵌入时间表盘的 iframe 代码 -->
        <iframe src="时间表盘.html"></iframe>
        <div class="board">
          <button class="button">
            <a href="/introduce" class="a1">
              <i class="fas fa-info-circle"></i>
              博客介绍
            </a>
          </button>
          <button class="button">
            <a href="/challenge" class="a2">
              <i class="fas fa-trophy"></i>
              天天挑战
            </a>
          </button>
          <button class="button">
            <a href="/game" class="a3">
              <i class="fas fa-gamepad"></i>
              休闲娱乐
            </a>
          </button>
          <button class="button">
            <a href="" class="a4">
              <i class="fas fa-copyright"></i>
              博客版权
            </a>
          </button>
        </div>
        <div class="board1"></div>
      </sider>
    </main>
    <script src="./Technology.js"></script>
  </body>
</html>
